<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8">
        <meta name="keywords" content="">
        <meta name="deacription" content="">
        <link rel="stylesheet" href="./">
        <title></title>
        
    </head>
    <body>
        <!-- 2. 创建一个容器 -->
        
        <div id="app">
            <!-- 插值语法 -->
            <h1>{{mes}}</h1>
            <h2>{{mes2}}</h2>
            <h3>{{mes23}}</h3>
        </div>
        <!-- 1 引入vue -->
        <script src="../js/vue.js"></script>
        <script>
            // 3 创建实例对象 vm
            const vm = new Vue({
                // 目前只有定义在data中的数据，才能被插值语法解析渲染
                data:{
                    mes:"hello Vue",
                    mes2:"text Vue",
                }
            });
            // 4 渲染/挂载 vue
            // vm.$mount("#app");
            // 能传递元素选择器，也能传递DOM元素
            vm.$mount(document.getElementById("app"));
        </script>

    </body>
</html>